<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, user-scalable=0;">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %></title>
    <style>
      html,
			body {
				-ms-overflow-style: scrollbar;
				-webkit-tap-highlight-color: transparent;
				padding: 0;
				margin: 0;
				width: 100%;
				height: 100%;
			}
      html {
        font-size:50px;
        font-size: 13.33333vw
      }

      @media screen and (max-width: 320px) {
          html {
              font-size:42.667px;
              font-size: 13.33333vw
          }
      }

      @media screen and (min-width: 321px) and (max-width:360px) {
          html {
              font-size:48px;
              font-size: 13.33333vw
          }
      }

      @media screen and (min-width: 361px) and (max-width:375px) {
          html {
              font-size:50px;
              font-size: 13.33333vw
          }
      }

      @media screen and (min-width: 376px) and (max-width:393px) {
          html {
              font-size:52.4px;
              font-size: 13.33333vw
          }
      }

      @media screen and (min-width: 394px) and (max-width:412px) {
          html {
              font-size:54.93px;
              font-size: 13.33333vw
          }
      }

      @media screen and (min-width: 413px) and (max-width:414px) {
          html {
              font-size:55.2px;
              font-size: 13.33333vw
          }
      }

      @media screen and (min-width: 415px) and (max-width:480px) {
          html {
              font-size:64px;
              font-size: 13.33333vw
          }
      }

      @media screen and (min-width: 481px) and (max-width:540px) {
          html {
              font-size:72px;
              font-size: 13.33333vw
          }
      }

      @media screen and (min-width: 541px) and (max-width:640px) {
          html {
              font-size:85.33px;
              font-size: 13.33333vw
          }
      }

      @media screen and (min-width: 641px) and (max-width:720px) {
          html {
              font-size:96px;
              font-size: 13.33333vw
          }
      }

      @media screen and (min-width: 721px) and (max-width:768px) {
          html {
              font-size:102.4px;
              font-size: 13.33333vw
          }
      }
      div,p {
        -webkit-touch-callout: none;
        user-select:none;
      }
      @media screen and (min-width: 769px) {
          html {
            font-size:102.4px
          }
      }
      #app {
        position: relative;
      }
    </style>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
</html>
